import React, { HTMLAttributes } from 'react';
interface IconProps extends HTMLAttributes<SVGElement> {
	width?: number;
	height?: number;
}


export const StripeIcon = ({
	width = 20,
	height = 20,
	...restProps
}: IconProps) => {
	return (
		<svg
			xmlns='http://www.w3.org/2000/svg'
			width={width}
			height={height}
			viewBox='0 0 20 20'
			{...restProps}
		>
			<path d="M1.79497 3.98005C1.25 5.04961 1.25 6.44974 1.25 9.25V10.75C1.25 13.5503 1.25 14.9504 1.79497 16.02C2.27433 16.9608 3.03924 17.7257 3.98005 18.205C5.04961 18.75 6.44974 18.75 9.25 18.75H10.75C13.5503 18.75 14.9504 18.75 16.02 18.205C16.9608 17.7257 17.7257 16.9608 18.205 16.02C18.75 14.9504 18.75 13.5503 18.75 10.75V9.25C18.75 6.44974 18.75 5.04961 18.205 3.98005C17.7257 3.03924 16.9608 2.27433 16.02 1.79497C14.9504 1.25 13.5503 1.25 10.75 1.25H9.25C6.44974 1.25 5.04961 1.25 3.98005 1.79497C3.03924 2.27433 2.27433 3.03924 1.79497 3.98005Z" fill="url(#paint0_linear_2813_15098)" />
			<path d="M1.41576 5.17465C1.25 6.11669 1.25 7.36667 1.25 9.24991V10.7499C1.25 13.5502 1.25 14.9503 1.79497 16.0199C2.27433 16.9607 3.03924 17.7256 3.98005 18.2049C5.04961 18.7499 6.44974 18.7499 9.25 18.7499H10.75C13.5503 18.7499 14.9504 18.7499 16.02 18.2049C16.9608 17.7256 17.7257 16.9607 18.205 16.0199C18.75 14.9503 18.75 13.5502 18.75 10.7499V9.24991C18.75 6.44965 18.75 5.04952 18.205 3.97996C17.7423 3.07188 17.0136 2.32769 16.1175 1.84595L1.41576 5.17465Z" fill="url(#paint1_linear_2813_15098)" />
			<path d="M18.5694 14.9087C18.4891 15.331 18.3731 15.6911 18.2055 16.0199C17.7262 16.9607 16.9613 17.7256 16.0204 18.2049C14.9829 18.7336 13.6343 18.7494 10.9982 18.7499H10.0371V16.7729L18.5694 14.9087Z" fill="url(#paint2_linear_2813_15098)" />
			<path d="M10.7499 1.25H9.24986C8.70507 1.25 8.21328 1.25 7.7666 1.25401V3.73157L16.1157 1.84516C16.084 1.8281 16.052 1.81136 16.0198 1.79497C15.426 1.49243 14.7304 1.35784 13.7499 1.29797C12.9642 1.25 11.9955 1.25 10.7499 1.25Z" fill="url(#paint3_linear_2813_15098)" />
			<path d="M18.7501 10.8585C18.75 12.737 18.7467 13.9752 18.5691 14.9089L15.6016 15.5573V11.135L18.7501 10.4028V10.8585Z" fill="url(#paint4_linear_2813_15098)" />
			<path fillRule="evenodd" clipRule="evenodd" d="M9.33764 8.36118C9.33764 7.95951 9.66604 7.80502 10.21 7.80502C10.9899 7.80502 11.9751 8.04191 12.7551 8.46418V6.04384C11.9033 5.70396 11.0618 5.57007 10.21 5.57007C8.12666 5.57007 6.74121 6.6618 6.74121 8.48478C6.74121 11.3274 10.641 10.8742 10.641 12.0998C10.641 12.5736 10.2305 12.7281 9.65578 12.7281C8.80399 12.7281 7.71616 12.3779 6.8541 11.9042V14.3554C7.80852 14.7674 8.7732 14.9425 9.65578 14.9425C11.7904 14.9425 13.2579 13.8816 13.2579 12.038C13.2477 8.96884 9.33764 9.51471 9.33764 8.36118Z" fill="white" />
			<defs>
				<linearGradient id="paint0_linear_2813_15098" x1="1.25" y1="1.25" x2="6.99791" y2="5.31381" gradientUnits="userSpaceOnUse">
					<stop stopColor="#392993" />
					<stop offset="1" stopColor="#4B47B9" />
				</linearGradient>
				<linearGradient id="paint1_linear_2813_15098" x1="1.909" y1="5.35895" x2="14.5979" y2="15.8255" gradientUnits="userSpaceOnUse">
					<stop stopColor="#594BB9" />
					<stop offset="1" stopColor="#60A8F2" />
				</linearGradient>
				<linearGradient id="paint2_linear_2813_15098" x1="10.0371" y1="16.8462" x2="18.7505" y2="18.7499" gradientUnits="userSpaceOnUse">
					<stop stopColor="#61A2EF" />
					<stop offset="1" stopColor="#58E6FD" />
				</linearGradient>
				<linearGradient id="paint3_linear_2813_15098" x1="7.7666" y1="2.49477" x2="18.7499" y2="1.25" gradientUnits="userSpaceOnUse">
					<stop stopColor="#534EBE" />
					<stop offset="1" stopColor="#6875E2" />
				</linearGradient>
				<linearGradient id="paint4_linear_2813_15098" x1="15.6016" y1="11.1717" x2="18.7501" y2="14.9426" gradientUnits="userSpaceOnUse">
					<stop stopColor="#71A5F3" />
					<stop offset="1" stopColor="#6CC3FA" />
				</linearGradient>
			</defs>
		</svg>
	);
};
